<template>
  <div class="personalInfoList">
    <ul>
      <li @click="tosth(0)">我的名片<van-icon name="arrow" class="arrow" /></li>
      <li @click="tosth(1)">我的合同<van-icon name="arrow" class="arrow" /></li>
      <li @click="tosth(2)">学员手册<van-icon name="arrow" class="arrow" /></li>
    </ul>
  </div>
</template>

<script>
export default {
  methods: {
    tosth(v) {
      switch (v) {
        case 0:
          this.$router.push({
            path: '/personalInfo'
          });
          break;
        case 1:
          this.$router.push({
            path: '/agreementList'
          });
          break;
        case 2:
          this.$router.push({
            path: '/schoolManual'
          });
          break;
        default: break;
      }
    }
  }
};
</script>

<style lang="less" scoped>
.personalInfoList {
  background: #ffffff;
  height: 100vh;
  ul {
    li {
      height: 100px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #cccccc;
      &:not(:last-child) {
      }
      font-size: 30px;
      padding: 0 30px;
    }
  }
}
</style>
